
const baseUrl = 'http://api-breakingnews-web.itheima.net'
// 获取本地存储的数据 如果没获取到那么就跳转到login登录页面
// 1.—————————————————————————————判断是否从login进来—————————————————————————————
// 如果获取不到token那么就 跳转到登录页面 如果直接index.html进来就会跳转
if(!localStorage.getItem('token')){
    location.href='/login.html'
}
//console.log('执行首页代码');
//获取用户信息 
//发送ajax请求 前提别忘了看文档需求需要传的数据 token
//2. ———————————————————————获取token跳转index——————————————————————————————————


function getUser(){
    axios.get(`${baseUrl}/my/userinfo`,{
        //传递token 请求 不然会失败
        headers:{
            Authorization:localStorage.getItem('token')
        }
    }).then(res =>{
        // console.log(res);
        // 结构 判断是否获取信息成功
        const {status} =res.data
        if(status === 0){
            //成功之后获取用户信息  解构
            let {email,id,nickname,user_pic,username} = res.data.data
            //如果昵称存在就用昵称的名字赋值给username  不存在就用username
            username = nickname || username
            if(!user_pic){
                //如果不存在头像 原本是块级元素 会造成结构错乱  并设置内容为username首字母大写
                $('.avatar').css('display','inline-block').html(username[0].toUpperCase())
            }else{
                // 如果存在头像 那么显示 并设置src 属性为图片链接
                $('.avatar').css('display','none')
                $('.layui-nav-img').css('display','inline-block').prop('src',user_pic)
            }
            $('.username').html(username)
        }
        // 判断认证失败 就清除token 和跳转到登录页面
        if(status === 1){
            localStorage.removeItem('token')
            location.href='/login.html'
        }
    })
}
getUser()
window._getUser=getUser
// 3. ———————————————————————————登出———————————————————————————————
$('#logout').on('click',()=>{
    layer.confirm('您确定退出吗?', {icon: 3, title:'温馨提示'}, function(index){
        localStorage.removeItem('token')
        location.href='/login.html'
        layer.close(index);
      });
})
